/* 定义商品更多评价展示样式 */

html,body{
	height:100%;
	width:100%;
	overflow-y: auto;
	background-color: white;
}

.tpanel {
	height: 40px;
	width: 100%;
	background-color: white;
	display: flex;
	position: fixed;
	top: 0;
	border-bottom:1px solid #efefef;
}

.tpanel>button {
	width: 20%;
	border: #000000 solid 0;
	padding: 0;
	font-size: 12px;
}

.tpanel .title {
	width: 60%;
	height: 100%;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 15px;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 没有评论时展示样式 */
#no-comment{
	font-size: 15px;
	color:#C4C4C4;
	margin-left: 26.56%;
}

/* 定义评论标题样式 */
.comment-title{
	width:100%;
	padding:5px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 45px;
}

.all{
	height:25px;
	width:70px;
	background-color: #ffe5dc;
	font-size: 14px;
	color: #737373;
	margin-left: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.all:hover{
	height:25px;
	width:70px;
	background-color: #df070a;
	font-size: 14px;
	color: white;
	margin-left: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.comment-list{
	width:100%;
	padding:5px;
	margin-top:5px;
}

.comment{
	width:100%;
	height:120px;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;

}

#touxiang{
	height:30px;
	width:30px;
	border-radius: 100%;
	margin-top:5px;
}
#nickname{
	font-size: 14px;
}
.comment-content{
	font-size: 15px;
	color:#808086;
}

.content-imgs{
	width:100%;
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.comment-img{
	height:80px;
	width:80px;
	margin-top: 5px;
}
